irongit
Sign inRegister
huncholanehuncholane/dotfilesPublic

Not for normies

dotfiles/waybar/style/[Wallust] Simple.css
214 lines4.0 KBCSS
RawDownloadHistory
1/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
2/* Wallust - Simple */
3
4*{
5font-family: "JetBrainsMono Nerd Font";
6font-weight: bold;
7min-height: 0;
8/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9font-size: 97%;
10font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11}
12
13@import '../../.config/waybar/wallust/colors-waybar.css';
14
15#waybar.empty, #waybar.tiled, #waybar.floating {
16 background-color: transparent;
17}
18
19window#waybar,
20window#waybar.empty,
21window#waybar.empty #window {
22 background-color: transparent;
23 padding: 0px;
24 border: 0px;
25}
26
27tooltip {
28 color: @color13;
29 background: @color10;
30 opacity: 1.0;
31 border-radius: 10px;
32}
33
34/*-----module groups----*/
35.modules-left,
36.modules-center,
37.modules-right {
38 background-color: @color0;
39 border: 0.5px solid @color15;
40 border-radius: 10px;
41 padding-top: 2px;
42 padding-bottom: 2px;
43 padding-right: 4px;
44 padding-left: 4px;
45}
46/*-----modules indv----*/
47
48#taskbar button,
49#workspaces button {
50 color: @color2;
51 box-shadow: none;
52 text-shadow: none;
53 padding: 0px;
54 border-radius: 9px;
55 padding-left: 4px;
56 padding-right: 4px;
57 animation: gradient_f 20s ease-in infinite;
58 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
59}
60
61#taskbar button.active,
62#workspaces button.active {
63 color: @foreground;
64 background-color: @color2;
65 padding-left: 8px;
66 padding-right: 8px;
67 animation: gradient_f 20s ease-in infinite;
68 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
69}
70
71#workspaces button.focused {
72 color: @color4;
73}
74
75#workspaces button.urgent {
76 color: #11111b;
77 border-radius: 10px;
78}
79
80#taskbar button:hover,
81#workspaces button:hover {
82 color: @color4;
83 padding-left: 2px;
84 padding-right: 2px;
85 animation: gradient_f 20s ease-in infinite;
86 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
87}
88
89#backlight,
90#backlight-slider,
91#battery,
92#bluetooth,
93#clock,
94#cpu,
95#disk,
96#idle_inhibitor,
97#keyboard-state,
98#memory,
99#mode,
100#mpris,
101#network,
102#power-profiles-daemon,
103#pulseaudio,
104#pulseaudio-slider,
105#taskbar button,
106#taskbar,
107#temperature,
108#tray,
109#window,
110#wireplumber,
111#workspaces,
112#custom-backlight,
113#custom-browser,
114#custom-cava_mviz,
115#custom-cycle_wall,
116#custom-dot_update,
117#custom-file_manager,
118#custom-keybinds,
119#custom-keyboard,
120#custom-light_dark,
121#custom-lock,
122#custom-hint,
123#custom-hypridle,
124#custom-menu,
125#custom-playerctl,
126#custom-power_vertical,
127#custom-power,
128#custom-quit,
129#custom-reboot,
130#custom-settings,
131#custom-spotify,
132#custom-swaync,
133#custom-tty,
134#custom-updater,
135#custom-weather,
136#custom-weather.clearNight,
137#custom-weather.cloudyFoggyDay,
138#custom-weather.cloudyFoggyNight,
139#custom-weather.default,
140#custom-weather.rainyDay,
141#custom-weather.rainyNight,
142#custom-weather.severe,
143#custom-weather.showyIcyDay,
144#custom-weather.snowyIcyNight,
145#custom-weather.sunnyDay {
146 color: @color12;
147 padding-top: 4px;
148 padding-bottom: 4px;
149 padding-right: 6px;
150 padding-left: 6px;;
151}
152
153#mode {
154 color: #cc3436;
155 font-weight: bold;
156}
157#custom-power {
158 /*background-color: rgba(0,119,179,0.6);*/
159 /*border-radius: 50px;*/
160 padding: 1px 3px;
161}
162/*-----Indicators----*/
163#custom-hypridle.notactive,
164#idle_inhibitor.activated {
165 color: #39FF14;
166}
167
168#pulseaudio.muted {
169 color: #cc3436;
170}
171#pulseaudio-microphone.muted {
172 color: #cc3436;
173}
174#temperature.critical {
175 background-color: #ff0000;
176}
177
178@keyframes blink {
179 to {
180 color: #000000;
181 }
182}
183
184#battery.critical:not(.charging) {
185 color: #f53c3c;
186 animation-name: blink;
187 animation-duration: 3.0s;
188 animation-timing-function: steps(12);
189 animation-iteration-count: infinite;
190 animation-direction: alternate;
191}
192
193#backlight-slider slider,
194#pulseaudio-slider slider {
195 min-width: 0px;
196 min-height: 0px;
197 opacity: 0;
198 background-image: none;
199 border: none;
200 box-shadow: none;
201}
202
203#backlight-slider trough,
204#pulseaudio-slider trough {
205 min-width: 80px;
206 min-height: 5px;
207 border-radius: 5px;
208}
209
210#backlight-slider highlight,
211#pulseaudio-slider highlight {
212 min-height: 10px;
213 border-radius: 5px;
214}